<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>基本选择器一</title>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" >
       //1.用javascript中的dom为页面中所有p标签定义click事件
	   /* window.onload=function(){
		   var items=document.getElementsByTagName("p");
		   for(var i=0;i<items.length;i++){
			   items[i].onclick=function(){
				   alert("我是p标签!");
				   }
			   }
		   }*/
	 
	 //2.用jquery的方法来实现以上
	 $(function(){
		 $("p").click(function(){
			 alert("我是p标签!");
			 })
		 })
		 
	//以上如查把$(fucntion(){})去掉，会报错  对象找不到的错误，但是在jquery中不会显示错误   如果把此script标签放在所有p的下面即可（页面的执行原理:从上往下）
</script>
</head>

<body>
<p>测试一</p>
<p>测试二</p>
<p>测试三</p>
<p>测试四</p>

</body>
</html>
